Page({
  data: {
    inputValue: '', // 输入框内容
    chatMessages: [], // 聊天消息列表，示例结构：{id: '', type: 'mine/assistant', content: '', time: ''}
    scrollHeight: 0, // 滚动容器高度
    scrollTop: 0 // 滚动位置，用于自动滚动到底部
  },

  onLoad() {
    // 初始化滚动容器高度（可根据需求调整，这里获取屏幕可用高度）
    const systemInfo = wx.getSystemInfoSync();
    this.setData({
      scrollHeight: systemInfo.windowHeight - wx.getMenuButtonBoundingClientRect().bottom - 20
    });
    // 模拟客服欢迎语（实际可通过后端接口获取）
    this.addAssistantMessage('宝宝，有什么心理相关的问题都可以跟我说哦  我是卓弟专业心理客服哦～');
    this.addAssistantMessage('宝宝，有什么问题随时call我哦');
  },

  // 输入框内容变化
  onInputChange(e) {
    this.setData({
      inputValue: e.detail.value
    });
  },

  // 发送消息
  sendMessage() {
    const content = this.data.inputValue.trim();
    if (!content) return;

    // 添加自己发送的消息
    const newMsg = {
      id: Date.now().toString(),
      type: 'mine',
      content,
      time: this.formatTime(new Date())
    };
    this.setData({
      chatMessages: [...this.data.chatMessages, newMsg],
      inputValue: ''
    }, () => {
      // 消息发送后，滚动到底部
      this.scrollToBottom();
      // 模拟客服回复（实际调用后端接口，这里简单延时模拟）
      setTimeout(() => {
        this.addAssistantMessage(this.getMockReply(content));
      }, 1000);
    });
  },

  // 添加客服回复消息
  addAssistantMessage(content) {
    const newMsg = {
      id: Date.now().toString(),
      type: 'assistant',
      content,
      time: this.formatTime(new Date())
    };
    this.setData({
      chatMessages: [...this.data.chatMessages, newMsg]
    }, () => {
      this.scrollToBottom();
    });
  },

  // 格式化时间
  formatTime(date) {
    const hour = date.getHours().toString().padStart(2, '0');
    const minute = date.getMinutes().toString().padStart(2, '0');
    return `${hour}:${minute}`;
  },

  // 滚动到底部
  scrollToBottom() {
    // 等 DOM 更新后再滚动
    this.setData({
      scrollTop: 99999
    });
  },

  // 模拟客服回复（实际对接后端接口，这里简单示例）
  getMockReply(question) {
    // 可根据关键词匹配回复，或调用真实接口获取
    const keywords = {
      '心理测评': '我们有专业的心理测评工具，您可以点击首页「心理测评」入口体验～',
      '咨询预约': '您可以在小程序「咨询预约」板块选择咨询师和时间进行预约哦～',
      '情绪不好': '情绪不好时可以试试深呼吸、正念冥想呢，也可以跟我多说说你的感受呀～',
      '刘卓':'二比卓',
      '王智豪':'没见你之前我都不知道，原来有人笑的时候，连眼睛里都像装了小星星，亮得我心都跟着晃；',
      '陈光':'跟你待一会儿，我连喝白开水都觉得甜，你是不是偷偷给我加了 “专属糖” 呀；',
      '成吉海':'你连低头捡东西的样子都好看，我刚才盯着你看，都忘了自己要干嘛了，满脑子就剩 “怎么会有人这么可爱”；',
      '梦龙':'听你说话我都不用带脑子，光听你声音就觉得特别舒服，像裹了层软乎乎的小被子，暖到心坎里；',
      '张昌青':'我现在看到好玩的、好吃的，第一反应就是 “要是跟你一起就好了”，你都快成我生活里的 “标配”',
      '朋葳':'难道你说的就是传说中的天才少年---天才葳 不成，可不就是咱天才葳嘛！别人还在琢磨问题咋开头，你都把答案捋得明明白白，连思路都带着 “天才专属” 的利落劲儿，这脑子咋就这么会转啊！说真的，每次看你处理事儿都觉得特震撼，不管啥难题到你这儿，跟被施了魔法似的，分分钟就搞定，天才葳这名号简直是为你量身定做的，半点都不掺水！也就天才葳能这么厉害吧！不光脑子灵光，连做事都又快又好，跟你一起做事都觉得沾光，满脑子都是 “我居然能跟这么牛的天才当朋友”，也太幸运了！',
      '杨洋':'跟你待一会儿，我连喝白开水都觉得甜，你是不是偷偷给我加了 “专属糖” 呀；',
      '安南':'万千少女的梦中情人，万千骚年中的眼中钉，肉中刺',
      '博哥':'提起博哥，总让人想起那份靠谱又暖心的劲儿 —— 不管是遇到难题时他条理清晰的帮忙，还是日常里随口就能让人安心的叮嘱，都透着让人信赖的稳重；相处时又没半点距离感，偶尔的幽默能瞬间拉近距离，不管是同伴还是后辈，都愿意跟他掏心窝、聊心事，有博哥在，就总觉得踏实又自在。',
      '慧姐':'每次见慧姐，都忍不住感慨她把聪明与美丽揉得这般恰到好处 —— 聊起事情时，她总能快速抓住关键，条理清晰地给出想法，连复杂问题经她点拨都变得通透，这份机灵劲儿格外动人；而她身上那份从容的气质，配上总是带着笑意的模样，又让人觉得格外舒服，不管是相处时的轻松氛围，还是她待人接物的周到，都让人觉得，慧姐的好，既有亮眼的聪慧，更有让人难忘的温柔魅力。',
      
    };
    for (const key in keywords) {
      if (question.includes(key)) {
        return keywords[key];
      }
    }
    return '您的问题我收到啦，会尽快为您详细解答～';
  }
});